import React from 'react';
import styles from './Box.less';
import classnames from 'classnames';
import { Link } from 'dva/router';
import Maskin from './Maskin/Maskin';
import logo from '../assets/logo.jpg';
const Box = ({
  icon,
  title,
  iconClass,
  className,
  activitys,
  children,
}) => {

  const boxClass = classnames(className,styles.innerBox);
  return (
    <div className={boxClass}>
      <div className={styles.title}>
        <img src={icon} className={`${iconClass} ${styles.icon}`} />
        <span>{title}</span>
      </div>
      {activitys.map((activity, index) => (<div key={index} className={styles.banner}>
        <div className={styles.joinNum}>参与人数：{activity.joinNum}</div>
        <a href={activity.clerkUrl}><img src={activity.actBannerUrl || logo} className={styles.bannerImg} /></a>
      </div>))}

    </div>
  )
}

Box.propTypes = {

}

export default Box;
